.index {
	display: flex;
	flex-direction: column;
	// 主体
	.min {
		height: 100px;
		flex-grow: 1;

		overflow-y: auto;
		section {
			margin: 15px 20px;
		}
		.min1 {
			height: 120px;
			display: flex;
			#ranklf {
				width: 1px;
				flex-grow: 1;
				background: url(../../assets/images/index-card-rank.png) no-repeat;
				background-color: #1592cc;
				margin-right: 15px;
				border-radius: 15px;
				background-position: -12px, 50px;
				background-size: 70%;
				padding: 10px 10px;
				h1 {
					font-size: 30px;
					text-align: right;
					color: #fff;
					margin-top: 40px;
				}
				h3 {
					font-size: 15px;
				}
			}
			#rankrt {
				width: 1px;
				flex-grow: 2;
				background: url(../../assets/images/index-card-sum.png) no-repeat;
				background-color: #7bcbf5;
				border-radius: 15px;
				background-position: 16px, 50px;
				background-size: 40%;
				padding: 10px 10px;
				position: relative;
				h3 {
					font-size: 15px;
				}
				.rankbtu {
					padding: 8px 10px;
					background-color: #7bcbf5;
					border: 2px solid black;
					border-radius: 10px;
					position: absolute;
					right: 16px;
					bottom: 17px;
					font-size: 12px;
					font-weight: bold;
				}
			}
		}
		.min2 {
			display: flex;
			height: 100px;

			.sport {
				padding: 10px 10px;
				width: 1px;
				flex-grow: 1;
				background: url(../../assets/images/index-card-data.png) no-repeat
					center center;
				background-size: cover;
				color: #fff;
				font-size: 15px;
				margin-right: 15px;
				border-radius: 15px;
				text-indent: 1em;
			}
			.badege {
				padding: 10px 10px;
				width: 1px;
				flex-grow: 1;
				background: url(../../assets/images/index-card-badge.png) no-repeat;
				background-color: #7bcbf5;
				border-radius: 15px;
				background-position: 2px 20px;
				background-size: 57%;
				h3 {
					font-size: 15px;
				}
				p {
					text-align: right;
					span {
						font-size: 50px;
						font-weight: bold;
					}
				}
			}
		}
		.min3 {
			padding: 10px 10px;
			background: url(../../assets/images/index-swiper-bg2.jpg) no-repeat center
				center;
			background-size: cover;
			height: 100px;
			border-radius: 15px;

			a {
				color: #fff;
				font-weight: bold;
			}
		}
		.min4 {
			padding: 10px 10px;
			background: url(../../assets/images/index-card-run.png) no-repeat center
				center;
			background-size: cover;
			height: 100px;
			border-radius: 15px;

			a {
				color: #fff;
				font-weight: bold;
			}
		}
	}

	// 轮播图
	.swiper {
		width: 100%;
		height: 200px;

		.slide1 {
			background: url(../../assets/images/index-swiper-bg1.jpg) no-repeat center
				center;
			background-size: cover;
		}
		.slide2 {
			background: url(../../assets/images/index-swiper-bg2.jpg) no-repeat center
				center;
			background-size: cover;
		}
		.slide3 {
			background: url(../../assets/images/index-swiper-bg3.jpg) no-repeat center
				center;
			background-size: cover;
		}
	}
}
